<%--
  Created by IntelliJ IDEA.
  User: lub_lenovo
  Date: 2017/11/6
  Time: 10:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>id97电影网</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/index/css/reset.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/index/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/index/css/style.css">
</head>
<body>
<!-- 头部 -->
<header>
    <div class="topHeader">
        <div class="container">
            <span>欢迎来到97电影网-PVideos,我们因电影而相聚</span>
            <span>
					Ctrl+D 加入收藏夹 - <em>保存到桌面</em>
				</span>
        </div>
    </div>
    <div class="container logo">
        <div class="logoPic"></div>
        <div class="searchBox">
            <a href="#"><i class="fa fa-search"></i>搜索</a>
            <input type="text" placeholder="输入电影名称进行搜索">

            <ul>
                <li><a href="#">X特遣队</a></li>
                <li><a href="#">湄公河行动</a></li>
                <li><a href="#">从你的全世界路过</a></li>
                <li><a href="#">变形金刚5</a></li>
                <li><a href="#">迅雷下载</a></li>
            </ul>
        </div>
    </div>
</header>
<!-- 导航 -->
<nav>
    <ul class="container">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="./category.html">电影</a></li>
        <li><a href="./category.html">电视剧</a></li>
        <li><a href="./top250.html">豆瓣TOP250</a></li>
        <li><a href="./top250.html">最近热门</a></li>
    </ul>
</nav>